<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="./sss.css"> -->

    <style>

        /* #div{width: 200px; height: 200px; background-color: red; border-radius: 10px;} */

        /* #div{width: 200px; height: 200px; background-color: red; border-radius: 50%;} */
        /* #div{width: 200px; height: 200px; background-color: red; border-radius: 50px  50px;} */

        /* 左上、右上、右下、左下、顺时针 */
        /* #div{width: 200px; height: 200px; background-color: red; border-radius: 10px 20px 100px 150px;} */

        /* 椭圆 */
        /* #div{width: 200px; height: 200px; background-color: red; border-radius:20px / 40px;} */

        /* 半圆 */

        /* #div{width: 200px; height: 100px; background: red; border-radius: 100px 100px 0 0;} */

    </style>



</head>
<body>
    <div id="head" class="container">
        <div class="head_logo l">
            <img src="./image/logo.png"  alt="博文尚美" title="博文尚美LOGO">
        </div>
        <ul class="head_menu r">
                <li>
                    <a herf="#">HOME</a>
                </li>
                <li>
                    <a herf="#">ABOUT</a>
                </li>
                <li>
                    <a herf="#">PROTFOLIO</a>
                </li>
                <li>
                    <a herf="#">SERVICE</a>
                </li>
                <li>
                    <a herf="#">NEWS</a>
                </li>
                <li>
                    <a herf="#">CONTACT</a>
                </li>
        </ul>
    </div>
    <div id="banner" class="container_fluid">
        <ul class="banner_list">
            <li class="active" style="background-image: url(./image/banner.png)">
                <a href="#"></a>
            </li>
            <li style="background-image: url(./image/banner.png)">
                <a href="#"></a>
            </li>
            <li style="background-image: url(./image/banner.png)">
                <a href="#"></a>
            </li>
            <li style="background-image: url(./image/banner.png)">
                <a href="#"></a>
            </li>
        </ul>
        <ol class="banner_btn">
            <li class="active"></li> 
            <li></li> 
            <li></li> 
            <li></li>        
        </ol>
    </div>
    <div id="service" class="container">
        <div class="area_title">
            <h2>服务范围</h2>
            <p>OUR SERVICE</p>
        </div>
        <ul class="service_list">
            <li>
                <div></div>
                <h3>1.WEB DESIGN</h3>
                <p>
                    企业品牌网站设计/手机网站制作
                    <br>
                    动画网站创意设计
                </p>
            </li>
            <li>
                <div></div>
                <h3>2.WEB DESIGN</h3>
                <p>
                    企业品牌网站设计/手机网站制作
                    <br>
                    动画网站创意设计
                </p>
            </li>
            <li>
                <div></div>
                <h3>3.WEB DESIGN</h3>
                <p>
                    企业品牌网站设计/手机网站制作
                    <br>
                    动画网站创意设计
                </p>
            </li>
            <li>
                <div></div>
                <h3>4.WEB DESIGN</h3>
                <p>
                    企业品牌网站设计/手机网站制作
                    <br>
                    动画网站创意设计
                </p>
            </li>
        </ul>
    </div>
    <div id="case" class="container_fluid">
        <div class="container">
            <div class="area_title">
                <h2>{客户案例}</h2>
                <p>With the best professional technology,to design the best innocative site</p>
            </div>
            <ul  class="case_list clear">
                <li>
                    <a href="#"><img src="./image/gk.png" alt></a>
                </li>
                <li>
                    <a href="#"><img src="./image/gk.png" alt></a>
                </li>
                <li>
                    <a href="#"><img src="./image/gk.png" alt></a>
                </li>
            </ul>
            <div class="case_btn">
                <a href="#">VIEW MORE</a>
            </div>
        </div>
    </div>
    <div id="news" class="container">
        <div class="area_title">
            <h2>最新资讯</h2>
            <p>TEN LATEST NEWS</p>
        </div>
        <dl>
            <dt class="l">
                <img src="./image/news.png" alt="">
            </dt>
            <dd class="l">
                <ul class="news_list">
                    <li>
                        <div class="news_date l">
                            <i>09</i>
                            <span>Jan</span>
                        </div>
                        <div class="news_text l">
                            <h3><a href="#">网站排名进入前三的技巧说明</a></h3>
                            <p>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页，
                                更不用说首页前三了。那么网站就...</p>
                        </div>
                    </li>
                    <li>
                        <div class="news_date l">
                            <i>08</i>
                            <span>Jan</span>
                        </div>
                        <div class="news_text l">
                            <h3><a href="#">网站排名进入前三的技巧说明</a></h3>
                            <p>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页，
                                更不用说首页前三了。那么网站就...</p>
                        </div>
                    </li>
                    <li>
                        <div class="news_date l">
                            <i>07</i>
                            <span>Jan</span>
                        </div>
                        <div class="news_text l">
                            <h3><a href="#">网站排名进入前三的技巧说明</a></h3>
                            <p>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页，
                                更不用说首页前三了。那么网站就...</p>
                        </div>
                    </li>
                    <li>
                        <div class="news_date l">
                            <i>06</i>
                            <span>Jan</span>
                        </div>
                        <div class="news_text l">
                            <h3><a href="#">网站排名进入前三的技巧说明</a></h3>
                            <p>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎首页，
                                更不用说首页前三了。那么网站就...</p>
                        </div>
                    </li>
                </ul>
            </dd>
        </dl>
    </div>
    <div id="foot" class="container_fluid">
        <div class="container">
            <p class="l">
                Copyright 2019 Bowenshangmei Culyure All Rights Reserved
            </p>
            <div class="r">
                    <a href="#">Home</a>|<a href="#">About</a>|<a href="#">Portfolio</a>|<a href="#">Contact</a>
            </div>
        </div>
    </div>
</body>>
</html>